<!--
common/html/templates/questionbank/Question_FIB_Create_template.html

Fill in the Blanks Template
used in Quesion Bank for FIB Question Creation
-->
<div data-bind="with:questionVO">
	<!-- Question -->
	<div style="background-color: #FFEDD5; margin-left: 10px;">
		<div style="margin-left: -24px;"><img src="/ce-static-testedge/common/images/questionPreviewStem.jpg" />
		</div>

		<!-- <div style="float: left;"><img src="/ce-static-testedge/common/images/questionPreviewIcon.jpg" />
		</div> -->
		<div data-bind="html: questiontext, click:function(data, event) { $root.openMainCkEditor('2', data, event) }" id="myDiv" style="max-height: 120px; height: 120px !important; overflow-y:scroll; overflow-x:hidden; max-width: 680px !important;" placeholder="Type here.." ></div>
	</div>
	<br/>
	<!-- instruction -->
	<div class="bold">
		instruction :
	</div>
	<div id="instruction" style="margin-left: 10px;">
		<!-- <div style="margin-left: -23px;"><img src="/ce-static-testedge/common/images/questionPreviewInformation.jpg" />
		</div> -->

		<input type="text" data-bind="value:instruction" style="width: 90%; height: 30px">
	</div>
	<br/>
	<!-- Solution -->
	<div class="bold">
		Solution :
	</div>
	<div id="Solution" style="margin-left: 10px; " >
		<input type="text" data-bind="value:solution" style="width: 90%; height: 30px">
	</div>
	<br/>
	<div class="clearBoth"></div>
	<div style="background-color: #FFEDD5; margin-left: 10px;">
		<div data-bind="foreach: choiceTextArr">
			<div class="fib-choice">
				<!-- FIB Options  -->
				<input type="radio" name="items" data-bind="attr: { value: id }, checked: $parent.selectedRadioID" value="0">
				<span id="myDiv" data-bind="html: choiceText, click:function(data, event) { $root.openMainCkEditor('5', data, event) }">From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2From XML 2</span>
				<a href="#" class="floatright"> <img src="/ce-static-testedge/common/images/deleteIcon.png" data-bind="click: $parent.deleteOptionClick"> </a>
			</div>

		</div>

	</div>
	<a href="#" class="te-button buttonBlue floatleft" data-bind="click: addAnswerOption">Add Answer Option</a>
</div>

<div class="clearBoth"></div>
<div class="bottomButton" style="bottom: 0px; width: 900px">
	<a href="#" class="te-button buttonBlue floatleft" data-bind="click: $root.saveQuestion">Save</a>
	<a href="#" class="te-button buttonGray floatleft" id="preview">Preview</a>
	<a href="#" class="te-button buttonGray floatleft" data-bind="click: $root.closeFIBCreateDialog">Cancel</a>
	<div class="clearBoth"></div>
</div>
</div>
